<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Brian Gardner</title>
	<atom:link href="http://briangardner.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://briangardner.com</link>
	<description>Designer, Believer in Simplicity</description>
	<lastBuildDate>Sat, 25 Jul 2026 20:23:59 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1-beta3</generator>

<image>
	<url>https://briangardner.com/wp-content/uploads/brian-gardner.jpg</url>
	<title>Brian Gardner</title>
	<link>https://briangardner.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>The Suede Mark</title>
		<link>https://briangardner.com/suede-mark/</link>
		
		<dc:creator><![CDATA[Brian Gardner]]></dc:creator>
		<pubDate>Fri, 24 Jul 2026 05:27:52 +0000</pubDate>
				<category><![CDATA[Writing]]></category>
		<guid isPermaLink="false">https://briangardner.com/?p=2036</guid>

					<description><![CDATA[Explore the story behind the Suede mark—a geometric identity built through simplicity, restraint, and a system designed to endure.]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Every design system like <a href="/suede/">Suede</a> needs a recognizable signature.</p>



<p class="wp-block-paragraph">Not because a mark defines the work, but because it creates a consistent point of recognition wherever the work appears across every medium.</p>



<p class="wp-block-paragraph">That signature needed to feel as deliberate as the system it represents. It could not rely on decoration, symbolism, or stylistic effect. It needed to be simple, precise, and capable of becoming familiar through repeated use.</p>



<p class="wp-block-paragraph">The result is the Suede mark.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Introducing the Suede mark</h2>



<figure class="wp-block-image size-large" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)"><img fetchpriority="high" decoding="async" width="640" height="640" src="https://briangardner.com/wp-content/uploads/suede-mark.svg" alt="The Suede mark" class="wp-image-2040"/></figure>



<p class="wp-block-paragraph">The Suede mark is constructed from a simple geometric system. It consists of two identical parallelograms within a 512 × 512 square. Each bar is 64 pixels wide with a 128-pixel gap. The mark is never stretched, rounded, or altered.</p>



<p class="wp-block-paragraph">Every dimension is derived from the same underlying geometry. The system determines every proportion, leaving nothing to subjective refinement.</p>



<p class="wp-block-paragraph">The mark remains consistent at every scale and in every context. Whether it appears as a favicon, a social avatar, or an embossed impression, its identity is defined by proportion rather than surface decoration.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">A signature identity</h2>



<p class="wp-block-paragraph">The Suede mark is intentionally abstract. It does not depend on symbolism, metaphor, or hidden meaning to be immediately understood.</p>



<p class="wp-block-paragraph">Its purpose is simpler: to identify Suede wherever it appears.</p>



<p class="wp-block-paragraph">That restraint is intentional. Rather than asking to be interpreted, the Suede mark earns its meaning through repeated association with the product, the design system, and the work created with it. Like the imprint of a publisher, it becomes meaningful because of what it consistently accompanies.</p>



<p class="wp-block-paragraph">It is less a symbol than a signature.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Designed to endure</h2>



<p class="wp-block-paragraph">Design trends change. Software evolves. Products mature.</p>



<p class="wp-block-paragraph">A visual identity should outlast them all.</p>



<p class="wp-block-paragraph">For that reason, the Suede mark is fixed. It is never stretched to fit, softened to follow trends, or unjustly modified for decoration. The same visual design appears everywhere, reinforcing recognition through consistency.</p>



<p class="wp-block-paragraph">Its simplicity allows it to move between contexts without losing its character.</p>



<p class="wp-block-paragraph">At small sizes, the mark remains unmistakably clear and easily recognizable. At larger scales, the underlying proportions become more apparent. In black, white, or gold, the mark is defined by form rather than effect.</p>



<p class="wp-block-paragraph">That consistency carries across every application of design—whether used in favicons, site logos, documentation, social avatars, or watermarks.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">A reflection of Suede</h2>



<p class="wp-block-paragraph">The mark reflects the same philosophy as the rest of <a href="/suede/" data-type="link" data-id="/suede/">Suede</a>.</p>



<p class="wp-block-paragraph">It favors geometry over ornament, consistency over novelty, and restraint over expression. Every relationship is intentional, and every dimension belongs to the system.</p>



<p class="wp-block-paragraph">Like the product it represents, the mark is designed to support the work rather than compete with it. It creates recognition, then quietly recedes.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Motion in Suede</title>
		<link>https://briangardner.com/suede-motion/</link>
		
		<dc:creator><![CDATA[Brian Gardner]]></dc:creator>
		<pubDate>Tue, 07 Jul 2026 23:28:40 +0000</pubDate>
				<category><![CDATA[Writing]]></category>
		<guid isPermaLink="false">https://briangardner.com/?p=1820</guid>

					<description><![CDATA[Explore the motion system in Suede, including subtle animation effects and customizable settings that bring WordPress sites to life.]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group has-black-10-background-color has-background is-layout-flex wp-container-core-group-is-layout-5ccc3d64 wp-block-group-is-layout-flex" style="padding-top:15px;padding-right:var(--wp--preset--spacing--20);padding-bottom:15px;padding-left:var(--wp--preset--spacing--20)">
<p class="is-style-eyebrow has-xxx-small-font-size is-style-eyebrow--1 wp-block-paragraph" style="font-style:normal;font-weight:600">Reading Guide:</p>



<p class="is-style-eyebrow has-xxx-small-font-size is-style-eyebrow--2 wp-block-paragraph"><a href="#introduction">Introduction</a> | <a href="#styles" data-type="internal" data-id="#styles">Motion Styles</a> | <a href="#settings" data-type="internal" data-id="#settings">Motion Settings</a> | <a href="#conclusion">Conclusion</a></p>
</div>



<h2 id="introduction" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Motion with purpose</h2>



<p class="wp-block-paragraph">The best motion feels natural. Rather than competing for attention, it should reinforce hierarchy, guide the eye, and create a smooth reading experience.</p>



<p class="wp-block-paragraph">That&#8217;s the philosophy behind motion in <a href="/suede/" data-type="link" data-id="/suede/">Suede</a>. Instead of offering a long list of animation effects, Suede includes a small set of subtle transitions designed to complement your content. The goal isn’t to impress readers with movement—it&#8217;s to help them stay focused on what they&#8217;re reading.</p>



<p class="wp-block-paragraph">When used with restraint, motion becomes another design tool. Like typography, spacing, and editorial patterns, it helps create rhythm, establish relationships between elements, and make each page feel more polished without ever becoming a distraction.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 id="styles" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Available motion styles</h2>



<p class="wp-block-paragraph">Motion in Suede includes two subtle animation effects designed to enhance the reading experience without distracting from your content. Each serves a different purpose while remaining intentionally subtle.</p>



<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--40)">Fade In</h3>



<div class="wp-block-group has-black-10-background-color has-background is-layout-flow wp-block-group-is-layout-flow" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--40)" data-motion="fadeIn" data-delay="0.3">
<p class="wp-block-paragraph">Fade In gently reveals an element in place, making it ideal for text, headings, and other content where the goal is a smooth transition where the goal is a smooth transition.</p>
</div>



<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--40)">Fade In Up</h3>



<div class="wp-block-group has-black-10-background-color has-background is-layout-flow wp-block-group-is-layout-flow" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--40)" data-motion="fadeInUp" data-delay="0.3" data-distance="20">
<p class="wp-block-paragraph">Fade In Up combines a subtle fade with a slight upward movement, adding a greater sense of progression as elements enter the page. It&#8217;s particularly effective for images, cards, and section layouts where a touch of movement helps establish visual rhythm.</p>
</div>



<p class="wp-block-paragraph">Like the motion styles themselves, the settings are intentionally simple. Rather than overwhelming with endless options, Suede provides the controls users need to create subtle, consistent animation throughout your site.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 id="settings" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Motion settings</h2>



<p class="wp-block-paragraph">Once you’ve selected a motion style, Suede provides a small set of controls for fine-tuning how each animation behaves. The settings are intentionally focused, giving you enough flexibility to match the rhythm of your content without introducing unnecessary complexity.</p>



<div class="wp-block-group is-layout-flow wp-container-core-group-is-layout-7b4d1c93 wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)">
<div class="wp-block-columns has-x-small-font-size is-layout-flex wp-container-core-columns-is-layout-fefb95e8 wp-block-columns-is-layout-flex" style="border-bottom-color:var(--wp--preset--color--black);border-bottom-width:1px;padding-bottom:5px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:35%">
<p class="wp-block-paragraph"><strong>Pattern</strong></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:65%">
<p class="wp-block-paragraph"><strong>Definition</strong></p>
</div>
</div>



<div class="wp-block-columns has-x-small-font-size is-layout-flex wp-container-core-columns-is-layout-91146b77 wp-block-columns-is-layout-flex" style="border-bottom-color:var(--wp--preset--color--black-10);border-bottom-style:solid;border-bottom-width:1px;padding-top:15px;padding-bottom:15px;line-height:1.5">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:35%">
<p class="wp-block-paragraph" style="font-style:normal;font-weight:500">Effect</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:65%">
<p class="wp-block-paragraph">Choose between None, Fade In, or Fade In Up.</p>
</div>
</div>



<div class="wp-block-columns has-x-small-font-size is-layout-flex wp-container-core-columns-is-layout-91146b77 wp-block-columns-is-layout-flex" style="border-bottom-color:var(--wp--preset--color--black-10);border-bottom-style:solid;border-bottom-width:1px;padding-top:15px;padding-bottom:15px;line-height:1.5">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:35%">
<p class="wp-block-paragraph" style="font-style:normal;font-weight:500">Duration</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:65%">
<p class="wp-block-paragraph">Control how long the animation takes to complete.</p>
</div>
</div>



<div class="wp-block-columns has-x-small-font-size is-layout-flex wp-container-core-columns-is-layout-91146b77 wp-block-columns-is-layout-flex" style="border-bottom-color:var(--wp--preset--color--black-10);border-bottom-style:solid;border-bottom-width:1px;padding-top:15px;padding-bottom:15px;line-height:1.5">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:35%">
<p class="wp-block-paragraph" style="font-style:normal;font-weight:500">Delay</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:65%">
<p class="wp-block-paragraph">Add a delay before the animation begins.</p>
</div>
</div>



<div class="wp-block-columns has-x-small-font-size is-layout-flex wp-container-core-columns-is-layout-91146b77 wp-block-columns-is-layout-flex" style="border-bottom-color:var(--wp--preset--color--black-10);border-bottom-style:solid;border-bottom-width:1px;padding-top:15px;padding-bottom:15px;line-height:1.5">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:35%">
<p class="wp-block-paragraph" style="font-style:normal;font-weight:500">Distance</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:65%">
<p class="wp-block-paragraph">Adjust the travel distance of the animation.</p>
</div>
</div>
</div>



<p class="wp-block-paragraph">Motion in Suede is currently supported in four core WordPress blocks: <strong>Group</strong>, <strong>Columns</strong>, <strong>Column</strong>, and <strong>Image</strong>. As the motion system evolves, support may expand to additional blocks.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 id="conclusion" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Built into Suede</h2>



<p class="wp-block-paragraph">Motion is one of many design decisions that shape the experience of a website. When used with restraint, it reinforces hierarchy, guides attention, and helps content feel more natural to read.</p>



<p class="wp-block-paragraph">In Suede, motion works alongside <a href="/editorial-patterns/" data-type="link" data-id="/editorial-patterns/">editorial patterns</a>, typography, and spacing to create polished WordPress sites without demanding attention. Like every design decision, it exists to support the content—not compete with it.</p>



<p class="wp-block-paragraph"><strong>The best animation is the kind readers barely notice.</strong></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Knowledge Capital for Real Estate</title>
		<link>https://briangardner.com/knowledge-capital/</link>
		
		<dc:creator><![CDATA[Brian Gardner]]></dc:creator>
		<pubDate>Tue, 07 Jul 2026 05:02:59 +0000</pubDate>
				<category><![CDATA[Writing]]></category>
		<guid isPermaLink="false">https://briangardner.com/?p=1763</guid>

					<description><![CDATA[Discover how a connected body of knowledge helps real estate professionals build authority through discovery, trust, and influence.]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group has-black-10-background-color has-background is-layout-flex wp-container-core-group-is-layout-5ccc3d64 wp-block-group-is-layout-flex" style="padding-top:15px;padding-right:var(--wp--preset--spacing--20);padding-bottom:15px;padding-left:var(--wp--preset--spacing--20)">
<p class="is-style-eyebrow has-xxx-small-font-size is-style-eyebrow--3 wp-block-paragraph" style="font-style:normal;font-weight:600">Reading Guide:</p>



<p class="is-style-eyebrow has-xxx-small-font-size is-style-eyebrow--4 wp-block-paragraph"><a href="#introduction">Intro</a> | <a href="#understanding" data-type="internal" data-id="#understanding">Understanding</a> | <a href="#discovery" data-type="internal" data-id="#discovery">Discovery</a> | <a href="#authority" data-type="internal" data-id="#authority">Authority</a> | <a href="#conclusion">Conclusion</a></p>
</div>



<h2 id="introduction" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">A new way to think about content</h2>



<p class="wp-block-paragraph">For years, real estate marketing has measured success by how much content gets published. That’s the wrong metric.</p>



<p class="wp-block-paragraph">The websites creating the most long-term value aren’t publishing more articles. They’re building something far more valuable.</p>



<p class="wp-block-paragraph">I call this <strong>Knowledge Capital</strong>.</p>



<p class="wp-block-paragraph">Every article becomes more valuable because of the ones around it.</p>



<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--40)">What is Knowledge Capital?</h3>



<p class="wp-block-paragraph">Knowledge Capital is the accumulated value of a <a href="/structured-knowledge/" data-type="link" data-id="/structured-knowledge/">connected body of knowledge</a>. Every new page adds context, strengthens relationships, and increases the authority of the whole. Instead of existing as isolated articles, each piece contributes to a resource that becomes more useful, more discoverable, and more authoritative over time.</p>



<p class="wp-block-paragraph">This represents a shift in how authority is built online. Publishing is no longer about creating individual pages. It’s about creating knowledge that compounds with every thoughtful addition.</p>



<p class="wp-block-paragraph"><a href="/place-authority/" data-type="link" data-id="/place-authority/">Place Authority</a> explains why expertise should be rooted in the places you serve. The <a href="/real-estate-authority/">Real Estate Authority Principle</a> explains how discovery, trust, and influence shape modern authority.</p>



<p class="wp-block-paragraph">Knowledge Capital is the asset created when those ideas work together.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Content doesn’t compound</h2>



<p class="wp-block-paragraph">Most real estate websites are built around publishing. New articles are added over time, but they rarely strengthen the ones that came before. A market update stands on its own. A neighborhood guide exists in isolation. A buying checklist is published, then forgotten.</p>



<p class="wp-block-paragraph">The result is an archive of disconnected pages rather than a growing body of expertise.</p>



<p class="wp-block-paragraph">Publishing more content doesn’t automatically create more authority. It often creates more fragmentation. Each new article competes for attention instead of contributing to something larger.</p>



<p class="wp-block-paragraph">That approach made sense when publishing itself was the competitive advantage. Today, the advantage belongs to professionals who build connected knowledge.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Knowledge compounds</h2>



<p class="wp-block-paragraph">Knowledge works differently than content.</p>



<p class="wp-block-paragraph">A single article may answer one question, but a connected body of knowledge answers many. Every new page adds context, reinforces ideas, and creates pathways to discovery. The value of each page increases because it exists alongside related knowledge rather than in isolation.</p>



<p class="wp-block-paragraph">Imagine an article about a neighborhood. Now imagine it connected to pages about its history, architecture, schools, parks, restaurants, market trends, and frequently asked questions. Together, they create a resource that is more valuable than any one page could become on its own.</p>



<p class="wp-block-paragraph">Knowledge doesn’t grow because there are more pages. It grows because those pages strengthen one another.</p>



<p class="wp-block-paragraph">That&#8217;s when publishing becomes something more than publishing.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Building Knowledge Capital</h2>



<p class="wp-block-paragraph">Knowledge Capital is built intentionally. It begins with choosing an area of expertise worth owning. For most real estate professionals, that expertise starts with the places they know best—the neighborhoods they serve, the market they understand, and the questions clients ask every day.</p>



<p class="wp-block-paragraph">Expand it thoughtfully. Refine it regularly. Connect it wherever meaningful relationships exist.</p>



<p class="wp-block-paragraph">Every new page should answer a question that leads to another. Every update should strengthen what has already been published. Every connection should make the body of knowledge more useful than it was before.</p>



<p class="wp-block-paragraph">This is how local expertise becomes a lasting asset. Over time, each addition increases the value of the whole, creating an asset that is more discoverable, more trustworthy, and more difficult to replace.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Build an asset that compounds</h2>



<p class="wp-block-paragraph">The most valuable real estate websites won’t be the ones that publish the most content. They’ll be the ones that build the most valuable body of knowledge. That distinction will define the next generation of real estate marketing.</p>



<p class="wp-block-paragraph">Instead of asking, “What should I publish next?”, ask, “What will strengthen the knowledge I’ve already built?”</p>



<div class="wp-block-group has-black-10-background-color has-background is-layout-flow wp-container-core-group-is-layout-03e5832b wp-block-group-is-layout-flow" style="border-left-color:var(--wp--preset--color--accent);border-left-width:3px;margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40);padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--40)">
<p class="is-style-eyebrow is-style-eyebrow--5 wp-block-paragraph">Key Idea</p>



<p class="has-x-small-font-size wp-block-paragraph">Knowledge doesn’t compound because you publish more. It compounds because each new idea strengthens the ones that came before.</p>
</div>



<p class="wp-block-paragraph">That is how Knowledge Capital is created—one connected idea at a time.</p>



<p class="wp-block-paragraph">Over time, a connected body of knowledge becomes more discoverable, more trusted, and more difficult to replace. It earns attention from buyers and sellers, provides lasting value to your market, and creates an enduring advantage that isolated content rarely achieves.</p>



<p class="wp-block-paragraph"><strong>Build a body of knowledge. The authority you seek will follow.</strong></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Structured Knowledge: The Shift in Publishing</title>
		<link>https://briangardner.com/structured-knowledge/</link>
		
		<dc:creator><![CDATA[Brian Gardner]]></dc:creator>
		<pubDate>Sat, 04 Jul 2026 20:11:48 +0000</pubDate>
				<category><![CDATA[Writing]]></category>
		<guid isPermaLink="false">https://briangardner.com/?p=1699</guid>

					<description><![CDATA[Authority is built through a connected body of knowledge—designed for understanding, structured for discovery, and published for authority.]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group has-black-10-background-color has-background is-layout-flex wp-container-core-group-is-layout-5ccc3d64 wp-block-group-is-layout-flex" style="padding-top:15px;padding-right:var(--wp--preset--spacing--20);padding-bottom:15px;padding-left:var(--wp--preset--spacing--20)">
<p class="is-style-eyebrow has-xxx-small-font-size is-style-eyebrow--6 wp-block-paragraph" style="font-style:normal;font-weight:600">Reading Guide:</p>



<p class="is-style-eyebrow has-xxx-small-font-size is-style-eyebrow--7 wp-block-paragraph"><a href="#introduction">Intro</a> | <a href="#understanding" data-type="internal" data-id="#understanding">Understanding</a> | <a href="#discovery" data-type="internal" data-id="#discovery">Discovery</a> | <a href="#authority" data-type="internal" data-id="#authority">Authority</a> | <a href="#conclusion">Conclusion</a></p>
</div>



<h2 id="introduction" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">A shift in how authority is built</h2>



<p class="wp-block-paragraph">For years, publishing rewarded individual pages. Write another article. Target another keyword. Add another page to the site. That was enough.</p>



<p class="wp-block-paragraph">That approach worked because discovery happened one page at a time.</p>



<p class="wp-block-paragraph">Today, the web is changing. Readers expect deeper context. Isolated content is losing leverage. Connected bodies of knowledge are gaining leverage. The advantage is shifting from more content to greater coherence.</p>



<p class="wp-block-paragraph">I call this <strong>Structured Knowledge</strong>.</p>



<p class="wp-block-paragraph">Authority is no longer built page by page. It is built through a connected body of knowledge—intentionally designed for understanding, structured for discovery, and published for authority.</p>



<p class="wp-block-paragraph">This is the shift I&#8217;m exploring because I believe it will define how lasting authority is built—not for the next decade, but for the future of publishing.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 id="understanding" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Design for understanding</h2>



<p class="wp-block-paragraph">Most websites are designed to publish information. Far fewer are designed to help people understand it.</p>



<p class="wp-block-paragraph">Understanding doesn’t happen by accident. It emerges through thoughtful decisions about hierarchy, spacing, typography, emphasis, and sequence. Each element reduces friction, helping readers move through ideas with greater clarity and confidence.</p>



<p class="wp-block-paragraph">Good design doesn’t compete for attention. It directs it.</p>



<div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)">
<div class="wp-block-columns are-vertically-aligned-center has-accent-background-color has-background is-layout-flex wp-container-core-columns-is-layout-310b754e wp-block-columns-is-layout-flex" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:120px">
<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-0d718681 wp-block-group-is-layout-flex" style="min-height:120px"><div class="wp-block-icon"><svg style="color:var(--wp--preset--color--white);width:48px;" aria-label="Chart bar icon" class="has-text-color has-white-color" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
	<path fill-rule="evenodd" d="M12 18.5a6.5 6.5 0 1 1 0-13 6.5 6.5 0 0 1 0 13ZM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Zm11.53-1.47-1.06-1.06L11 12.94l-1.47-1.47-1.06 1.06L11 15.06l4.53-4.53Z" />
</svg>
</div></div>
</div>



<div class="wp-block-column is-vertically-aligned-center has-black-background-color has-background is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-c6f6ff60 wp-block-group-is-layout-flex" style="min-height:120px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">
<p class="is-style-eyebrow has-white-color has-text-color has-link-color wp-elements-1 is-style-eyebrow--8 wp-block-paragraph">Perspective</p>



<p class="has-white-50-color has-text-color has-x-small-font-size wp-block-paragraph">Publishing isn’t the goal. Understanding is the outcome.</p>
</div>
</div>
</div>
</div>



<p class="wp-block-paragraph">That’s why I think of design as more than aesthetics. It’s an editorial tool. It reveals relationships between ideas, creates moments of emphasis, and helps readers recognize what matters most. When design disappears into the reading experience, understanding becomes effortless.</p>



<h3 class="wp-block-heading">Five principles of understanding</h3>



<ul class="wp-block-list">
<li>Reduce cognitive load.</li>



<li>Create a visual hierarchy.</li>



<li>Reveal relationships.</li>



<li>Emphasize what matters.</li>



<li>Reward deep reading.</li>
</ul>



<p class="wp-block-paragraph">Good design helps readers understand one idea. Lasting authority comes from helping them navigate many. That’s where structure becomes essential.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 id="discovery" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Structure for discovery</h2>



<p class="wp-block-paragraph">A single page can communicate an idea. A connected body of knowledge reveals how ideas relate to one another.</p>



<p class="wp-block-paragraph">Structure transforms individual pages into something greater. It creates pathways that guide readers from one concept to the next, helping them explore topics with context rather than in isolation. The result is a reading experience that feels intentional instead of fragmented.</p>



<p class="wp-block-paragraph">Discovery is no longer about finding a page. It’s about understanding where that page belongs within a larger body of knowledge.</p>



<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--40)">Connect ideas</h3>



<p class="wp-block-paragraph">Each article should build on the ideas that came before it. That means linking related concepts, building on previous work, and using consistent language that helps readers recognize patterns over time. Knowledge becomes more valuable when each new idea reinforces the ones that came before it.</p>



<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--40)">Create pathways</h3>



<p class="wp-block-paragraph">Readers rarely start at the beginning. They enter from search, social media, recommendations, or AI-generated summaries. Structure helps orient them, discover related ideas, and continue exploring beyond a single page.</p>



<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--40)">Build systems</h3>



<p class="wp-block-paragraph">Authority is no longer built at the page level. It is built at the system level.</p>



<p class="wp-block-paragraph">A connected body of knowledge becomes easier to navigate, easier to understand, and ultimately easier to trust. That’s the role of structure: not to organize content for its own sake, but to create a body of knowledge that compounds in value over time.</p>



<div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)">
<div class="wp-block-columns are-vertically-aligned-center has-black-10-background-color has-background is-layout-flex wp-container-core-columns-is-layout-310b754e wp-block-columns-is-layout-flex" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
<div class="wp-block-column is-vertically-aligned-center has-white-color has-black-background-color has-text-color has-background has-link-color wp-elements-2 is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%">
<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-0d718681 wp-block-group-is-layout-flex" style="min-height:80px">
<p class="is-style-eyebrow is-style-eyebrow--9 wp-block-paragraph">Progression</p>
</div>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:75%">
<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-34250937 wp-block-group-is-layout-flex" style="min-height:80px">
<p class="is-style-eyebrow is-style-eyebrow--10 wp-block-paragraph">Understanding</p>


<div class="wp-block-icon"><svg style="color:var(--wp--preset--color--accent);width:20px;" aria-label="Right arrow icon" class="has-text-color has-accent-color" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
	<path d="m14.5 6.5-1 1 3.7 3.7H4v1.6h13.2l-3.7 3.7 1 1 5.6-5.5z" />
</svg>
</div>


<p class="is-style-eyebrow is-style-eyebrow--11 wp-block-paragraph">Discovery</p>


<div class="wp-block-icon"><svg style="color:var(--wp--preset--color--accent);width:20px;" aria-label="Right arrow icon" class="has-text-color has-accent-color" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
	<path d="m14.5 6.5-1 1 3.7 3.7H4v1.6h13.2l-3.7 3.7 1 1 5.6-5.5z" />
</svg>
</div>


<p class="is-style-eyebrow is-style-eyebrow--12 wp-block-paragraph">Authority</p>
</div>
</div>
</div>
</div>



<p class="wp-block-paragraph">Together, they create a simple progression: Design shapes understanding. Structure shapes discovery. Publishing shapes authority.</p>



<p class="wp-block-paragraph">Every new article should strengthen the ideas around it. Over time, individual pages become a connected body of knowledge—one that grows more valuable with every new insight, connection, and contribution.</p>



<p class="wp-block-paragraph">That’s how knowledge compounds. And that’s how authority is built.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 id="authority" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Publish for authority</h2>



<p class="wp-block-paragraph">Publishing has never been easier. Building authority has never been harder.</p>



<p class="wp-block-paragraph">The difference isn’t how often you publish. It’s what each new article contributes to the body of knowledge you create. Every page should deepen understanding, strengthen connections, and reinforce what already exists.</p>



<p class="wp-block-paragraph">Publishing isn&#8217;t the destination. It’s the mechanism through which knowledge grows over time.</p>



<p class="wp-block-paragraph">Knowledge compounds. Each new article adds context, and each new connection creates meaning. Together, they form something more valuable than isolated content ever could: a resource readers rely on.</p>



<div class="wp-block-group has-black-10-background-color has-background is-layout-flow wp-container-core-group-is-layout-03e5832b wp-block-group-is-layout-flow" style="border-left-color:var(--wp--preset--color--accent);border-left-width:3px;margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40);padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--40)">
<p class="is-style-eyebrow is-style-eyebrow--13 wp-block-paragraph">Key Idea</p>



<p class="has-x-small-font-size wp-block-paragraph">Every article should strengthen the body of knowledge around it.</p>
</div>



<p class="wp-block-paragraph">When publishing is guided by understanding and supported by structure, authority becomes the natural outcome. Not because one page succeeded, but because every page contributed to something larger.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 id="conclusion" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Conclusion</h2>



<p class="wp-block-paragraph">The future of publishing won&#8217;t be defined by who creates the most content. It will be defined by who builds the clearest body of knowledge.</p>



<p class="wp-block-paragraph">That requires a different way of thinking. Design is no longer just about presentation. Structure is no longer just about organization. And publishing is no longer just about producing more pages.</p>



<p class="wp-block-paragraph">This is why I’m exploring Structured Knowledge.</p>



<p class="wp-block-paragraph">Not as a framework or methodology, but as a philosophy for building a connected body of knowledge—one designed for understanding, structured for discovery, and published for authority.</p>



<p class="wp-block-paragraph">Because authority isn’t built one page at a time.</p>



<p class="wp-block-paragraph">It’s built one idea, one connection, and one contribution at a time.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Why I Chose Google Sans for Suede</title>
		<link>https://briangardner.com/google-sans/</link>
		
		<dc:creator><![CDATA[Brian Gardner]]></dc:creator>
		<pubDate>Fri, 03 Jul 2026 15:43:07 +0000</pubDate>
				<category><![CDATA[Writing]]></category>
		<guid isPermaLink="false">https://briangardner.com/?p=1364</guid>

					<description><![CDATA[An exploration of Google Sans, its history, variable font capabilities, and design philosophy—and why I chose it as the foundation of Suede.]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group has-black-10-background-color has-background is-layout-flex wp-container-core-group-is-layout-5ccc3d64 wp-block-group-is-layout-flex" style="padding-top:15px;padding-right:var(--wp--preset--spacing--20);padding-bottom:15px;padding-left:var(--wp--preset--spacing--20)">
<p class="is-style-eyebrow has-xxx-small-font-size is-style-eyebrow--14 wp-block-paragraph" style="font-style:normal;font-weight:600">Reading Guide:</p>



<p class="is-style-eyebrow has-xxx-small-font-size is-style-eyebrow--15 wp-block-paragraph"><a href="#google-sans" data-type="internal" data-id="#google-sans">Google Sans</a> | <a href="#editorial-design" data-type="internal" data-id="#editorial-design">Editorial Design</a> | <a href="#my-choice" data-type="internal" data-id="#my-choice">My Choice</a></p>
</div>



<h2 id="google-sans" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Understanding Google Sans</h2>



<p class="wp-block-paragraph">Google Sans is a contemporary sans-serif typeface developed by Google for its visual identity. While many recognize it from Google&#8217;s logo and products like Gmail, Docs, and Calendar, it represents far more than branding.</p>



<p class="wp-block-paragraph">Designed specifically for digital environments, Google Sans combines clarity, flexibility, and consistency in a way that feels equally at home in user interfaces, editorial layouts, and long-form articles. Its restrained personality allows the content—not the typography—to remain the focus.</p>



<p class="wp-block-paragraph">Before explaining why I chose Google Sans as the foundation of Suede, it&#8217;s worth understanding what makes the typeface distinctive.</p>



<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--40)">A brief history</h3>



<p class="wp-block-paragraph">Google Sans emerged from Google&#8217;s effort to create a unified typographic system across its growing ecosystem of products. Rather than relying on an existing commercial typeface, Google developed a family that could reflect its design language while meeting the demands of modern digital interfaces.</p>



<p class="wp-block-paragraph">The typeface became widely recognizable with Google’s refreshed visual identity, but it has continued to evolve beyond the company&#8217;s logo. Today, it appears throughout Google&#8217;s products and services, creating consistency across a wide range of experiences.</p>



<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--40)">Design philosophy</h3>



<p class="wp-block-paragraph">Google Sans balances precision with approachability. It feels contemporary without being trendy, geometric without becoming rigid, and expressive without distracting from the content it presents.</p>



<p class="wp-block-paragraph">Rather than drawing attention to itself, the typeface is designed to support reading. Its proportions, spacing, and rhythm create a calm, familiar user experience that adapts naturally across headings, interfaces, and body text.</p>



<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--40)">Readability on the web</h3>



<p class="wp-block-paragraph">Typography has one primary responsibility: helping people understand what they&#8217;re reading, with clarity and without distraction.</p>



<p class="wp-block-paragraph">Google Sans performs exceptionally well on screens because it was designed with digital reading in mind. Open letterforms, comfortable spacing, and balanced proportions contribute to a reading experience that feels effortless across a wide range of devices and text sizes.</p>



<p class="wp-block-paragraph">Those qualities become even more important in long-form publishing, where subtle typographic decisions can influence how comfortably readers engage with an idea over time, from the opening sentence to the final paragraph.</p>



<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--40)">Variable font capabilities</h3>



<p class="wp-block-paragraph">One of Google Sans&#8217;s greatest strengths is its availability as a variable font. Instead of relying on separate font files for every style, a single variable font provides continuous control across multiple design axes.</p>



<p class="wp-block-paragraph">For Google Sans, those include weight, width, and rounded styles, making it flexible while preserving a consistent visual voice. In practice, Suede primarily relies on the weight axis to create hierarchy throughout the system.</p>



<figure class="wp-block-image aligncenter size-large" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)"><img decoding="async" width="1600" height="900" src="https://briangardner.com/wp-content/uploads/google-sans-weight.svg" alt="Google Sans displayed at multiple weights to demonstrate its variable font capabilities" class="wp-image-1382"/><figcaption class="wp-element-caption">An example of the Google Sans weight axis.</figcaption></figure>



<p class="wp-block-paragraph">These capabilities allow designers to create hierarchy and emphasis without introducing additional typefaces. Rather than switching fonts to create contrast, Google Sans offers a typographic system within a single family.</p>



<p class="wp-block-paragraph">See the official <a href="https://fonts.google.com/specimen/Google+Sans+Flex" data-type="link" data-id="https://fonts.google.com/specimen/Google+Sans+Flex" target="_blank" rel="noreferrer noopener">Google Sans specimen</a> for the full range of styles.</p>



<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--40)">Design characteristics</h3>



<p class="wp-block-paragraph">Google Sans isn&#8217;t memorable because of any single feature. It’s memorable because dozens of thoughtful design decisions work together.</p>



<p class="wp-block-paragraph">Its proportions feel generous without becoming loose. Its rhythm remains even across different sizes and weights. And its overall personality is confident without feeling cold or overly expressive.</p>



<p class="wp-block-paragraph">Those qualities make Google Sans particularly well-suited to editorial experiences, where typography should quietly support understanding rather than competing for attention.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 id="editorial-design" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Typography in editorial design</h2>



<p class="wp-block-paragraph">Typography is often treated as a visual decision, but its greatest influence is editorial. Before readers absorb a single idea, they experience the typography that presents it. Every choice—from size and weight to spacing and hierarchy—shapes how comfortably information can be understood.</p>



<p class="wp-block-paragraph">Good typography doesn&#8217;t compete with the content. It reduces friction, establishes rhythm, and creates a reading experience that feels effortless. The best typography is often the typography readers never notice.</p>



<div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)">
<div class="wp-block-columns are-vertically-aligned-center has-accent-background-color has-background is-layout-flex wp-container-core-columns-is-layout-310b754e wp-block-columns-is-layout-flex" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:120px">
<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-0d718681 wp-block-group-is-layout-flex" style="min-height:120px"><div class="wp-block-icon"><svg style="color:var(--wp--preset--color--white);width:36px;" aria-label="Quote icon" class="has-text-color has-white-color" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
	<path d="M13 6v6h5.2v4c0 .8-.2 1.4-.5 1.7-.6.6-1.6.6-2.5.5h-.3v1.5h.5c1 0 2.3-.1 3.3-1 .6-.6 1-1.6 1-2.8V6H13zm-9 6h5.2v4c0 .8-.2 1.4-.5 1.7-.6.6-1.6.6-2.5.5h-.3v1.5h.5c1 0 2.3-.1 3.3-1 .6-.6 1-1.6 1-2.8V6H4v6z" />
</svg>
</div></div>
</div>



<div class="wp-block-column is-vertically-aligned-center has-black-background-color has-background is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-c6f6ff60 wp-block-group-is-layout-flex" style="min-height:120px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">
<p class="is-style-eyebrow has-white-color has-text-color has-link-color wp-elements-3 is-style-eyebrow--16 wp-block-paragraph">Perspective</p>



<p class="has-white-50-color has-text-color has-x-small-font-size wp-block-paragraph">Great typography lets good ideas take center stage.</p>
</div>
</div>
</div>
</div>



<p class="wp-block-paragraph">Many websites combine multiple typefaces to create visual variety. I&#8217;ve increasingly come to believe the opposite approach is stronger.</p>



<p class="wp-block-paragraph">One thoughtfully designed typeface with a broad range of capabilities can provide all the hierarchy and flexibility most editorial experiences require, while creating a more cohesive visual language.</p>



<p class="wp-block-paragraph">That philosophy extends beyond typography itself. Design isn&#8217;t simply about making information attractive—it&#8217;s about making information easier to navigate. When typography supports the content instead of distracting from it, readers are free to focus on the ideas rather than the design.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 id="my-choice" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Why I chose Google Sans</h2>



<p class="wp-block-paragraph">Every design system begins with a handful of foundational decisions.</p>



<p class="wp-block-paragraph">For <a href="/suede/" data-type="link" data-id="/suede/">Suede</a>, typography was one of the first. After exploring countless types over the years, I kept returning to Google Sans—not because it was familiar, but because it aligned with the reading experience I wanted to create.</p>



<div class="wp-block-group has-black-10-background-color has-background is-layout-flow wp-container-core-group-is-layout-03e5832b wp-block-group-is-layout-flow" style="border-left-color:var(--wp--preset--color--accent);border-left-width:3px;margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40);padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--40)">
<p class="is-style-eyebrow is-style-eyebrow--17 wp-block-paragraph">Terminology</p>



<p class="has-x-small-font-size wp-block-paragraph">Throughout this article, I&#8217;ve referred to the typeface as Google Sans. Suede is built on Google Sans Flex, the variable version of the family that fine-tunes weight and width while maintaining a consistent voice.</p>
</div>



<p class="wp-block-paragraph">What ultimately drew me to Google Sans wasn&#8217;t any single feature, but its balance. Contemporary yet refined, the font remains flexible enough to accommodate both interfaces and long-form editorial content.</p>



<p class="wp-block-paragraph">One thoughtfully designed type family simplifies every decision that follows. Hierarchy comes from weight. Personality comes from composition. Every typographic decision speaks with the same, consistent voice.</p>



<p class="wp-block-paragraph">That philosophy extends naturally into Suede. I believe good design should make ideas easier to understand, not simply more attractive to look at. Typography establishes the foundation, while <a href="/editorial-patterns/" data-type="link" data-id="/editorial-patterns/">Editorial Patterns</a> provide structure, hierarchy, and orientation throughout the reading experience.</p>



<p class="wp-block-paragraph">Google Sans wasn&#8217;t the only typeface I considered. It was simply the one that best reflected the values I wanted Suede to embody: clarity, consistency, restraint, and a quiet confidence that allows the content to remain the focus.</p>



<p class="wp-block-paragraph">If I were starting Suede again today, I’d make the same decision.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Editorial Patterns: Design for Understanding</title>
		<link>https://briangardner.com/editorial-patterns/</link>
					<comments>https://briangardner.com/editorial-patterns/#respond</comments>
		
		<dc:creator><![CDATA[Brian Gardner]]></dc:creator>
		<pubDate>Fri, 03 Jul 2026 05:18:51 +0000</pubDate>
				<category><![CDATA[Writing]]></category>
		<guid isPermaLink="false">https://briangardner.com/?p=1285</guid>

					<description><![CDATA[Editorial Patterns are recurring design elements that provide structure, improve understanding, and guide readers through complex ideas.]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group has-black-10-background-color has-background is-layout-flex wp-container-core-group-is-layout-ada644cf wp-block-group-is-layout-flex" style="padding-top:15px;padding-right:var(--wp--preset--spacing--20);padding-bottom:15px;padding-left:var(--wp--preset--spacing--20)">
<p class="is-style-eyebrow has-xxx-small-font-size is-style-eyebrow--18 wp-block-paragraph" style="font-style:normal;font-weight:600">Reading Guide:</p>



<p class="is-style-eyebrow has-xxx-small-font-size is-style-eyebrow--19 wp-block-paragraph"><a href="#introduction" data-type="internal" data-id="#introduction">Intro</a> | <a href="#definitions" data-type="internal" data-id="#definition">Definitions</a> | <a href="#key-idea" data-type="internal" data-id="#key-idea">Key Idea</a> | <a href="#perspective" data-type="internal" data-id="#perspective">Perspective</a> | <a href="#sequence" data-type="internal" data-id="#sequence">Sequence</a> | <a href="#statistic" data-type="internal" data-id="#statistic">Statistic</a> </p>
</div>



<h2 id="introduction" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">A better reading experience</h2>



<p class="wp-block-paragraph">Most conversations about digital publishing and WordPress focus on creating content. Others focus on presenting it through typography, layout, color, and spacing. These disciplines matter, but they don&#8217;t fully explain why some long-form content is easier to understand than others.</p>



<p class="wp-block-paragraph">Between the words themselves and the surrounding visual design lies another layer—one shaped by structure, emphasis, and orientation. It helps readers recognize important ideas, establish shared terminology, navigate complex topics, and maintain context throughout.</p>



<p class="wp-block-paragraph">These recurring design elements appear across essays, documentation, books, and other forms of publishing like WordPress. Individually, each serves a specific purpose. Together, they create a better reading experience.</p>



<p class="wp-block-paragraph">I call them <strong>Editorial Patterns</strong>.</p>



<p class="wp-block-paragraph">Editorial Patterns are recurring design elements that provide structure, improve understanding, and guide readers through complex ideas. Rather than relying solely on paragraphs, they introduce moments of clarity that guide attention without interrupting the narrative.</p>



<p class="wp-block-paragraph">This article defines Editorial Patterns, outlines their core principles, and establishes a shared foundation for the ideas that follow.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 id="definitions" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Definitions</h2>



<p class="wp-block-paragraph">Every discipline depends on common language. Before readers can understand new ideas, they need confidence that the words being used carry a clear and consistent meaning.</p>



<p class="wp-block-paragraph">Definitions create that foundation. Rather than assuming familiarity, they introduce important terminology early, reducing ambiguity and creating a common point of reference for everything that follows.</p>



<p class="wp-block-paragraph">With WordPress, this pattern is especially valuable when introducing original concepts, specialized language, or ideas that benefit from greater precision. By defining key terms before expanding on them, readers spend less time interpreting language and more time engaging with ideas.</p>



<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--40)">Example</h3>



<p class="wp-block-paragraph">The following example demonstrates how Definitions establish a common language for the ideas explored throughout this collection.</p>



<div class="wp-block-group is-layout-flow wp-container-core-group-is-layout-7b4d1c93 wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)">
<div class="wp-block-columns has-x-small-font-size is-layout-flex wp-container-core-columns-is-layout-fefb95e8 wp-block-columns-is-layout-flex" style="border-bottom-color:var(--wp--preset--color--black);border-bottom-width:1px;padding-bottom:5px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:35%">
<p class="wp-block-paragraph"><strong>Editorial Pattern</strong></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:65%">
<p class="wp-block-paragraph"><strong>Purpose</strong></p>
</div>
</div>



<div class="wp-block-columns has-x-small-font-size is-layout-flex wp-container-core-columns-is-layout-91146b77 wp-block-columns-is-layout-flex" style="border-bottom-color:var(--wp--preset--color--black-10);border-bottom-style:solid;border-bottom-width:1px;padding-top:15px;padding-bottom:15px;line-height:1.5">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:35%">
<p class="wp-block-paragraph" style="font-style:normal;font-weight:500">Reading Guide</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:65%">
<p class="wp-block-paragraph">Prepares readers for the structure of the article.</p>
</div>
</div>



<div class="wp-block-columns has-x-small-font-size is-layout-flex wp-container-core-columns-is-layout-91146b77 wp-block-columns-is-layout-flex" style="border-bottom-color:var(--wp--preset--color--black-10);border-bottom-style:solid;border-bottom-width:1px;padding-top:15px;padding-bottom:15px;line-height:1.5">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:35%">
<p class="wp-block-paragraph" style="font-style:normal;font-weight:500">Key Idea</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:65%">
<p class="wp-block-paragraph">Highlights the insight readers should remember.</p>
</div>
</div>



<div class="wp-block-columns has-x-small-font-size is-layout-flex wp-container-core-columns-is-layout-91146b77 wp-block-columns-is-layout-flex" style="border-bottom-color:var(--wp--preset--color--black-10);border-bottom-style:solid;border-bottom-width:1px;padding-top:15px;padding-bottom:15px;line-height:1.5">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:35%">
<p class="wp-block-paragraph" style="font-style:normal;font-weight:500">Definitions</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:65%">
<p class="wp-block-paragraph">Establishes a shared vocabulary for new ideas.</p>
</div>
</div>



<div class="wp-block-columns has-x-small-font-size is-layout-flex wp-container-core-columns-is-layout-91146b77 wp-block-columns-is-layout-flex" style="border-bottom-color:var(--wp--preset--color--black-10);border-bottom-style:solid;border-bottom-width:1px;padding-top:15px;padding-bottom:15px;line-height:1.5">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:35%">
<p class="wp-block-paragraph" style="font-style:normal;font-weight:500">Perspective</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:65%">
<p class="wp-block-paragraph">Offers a viewpoint that reframes the discussion.</p>
</div>
</div>



<div class="wp-block-columns has-x-small-font-size is-layout-flex wp-container-core-columns-is-layout-91146b77 wp-block-columns-is-layout-flex" style="border-bottom-color:var(--wp--preset--color--black-10);border-bottom-style:solid;border-bottom-width:1px;padding-top:15px;padding-bottom:15px;line-height:1.5">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:35%">
<p class="wp-block-paragraph" style="font-style:normal;font-weight:500">Statistic</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:65%">
<p class="wp-block-paragraph">Supports an important idea with compelling data.</p>
</div>
</div>
</div>



<p class="wp-block-paragraph">A well-designed set of definitions does more than clarify terminology. Together, they create the foundation on which meaningful ideas can grow.</p>



<p class="wp-block-paragraph"><strong>Shared language creates shared understanding.</strong></p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 id="key-idea" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Key Idea</h2>



<p class="wp-block-paragraph">Not every idea deserves equal attention. Some ideas shape everything that follows and should be impossible for readers to miss.</p>



<p class="wp-block-paragraph">A Key Idea isolates the central insight of an article, giving readers a natural place to pause and consider its meaning. Without interrupting the narrative, it reinforces the idea that matters most.</p>



<p class="wp-block-paragraph">A Key Idea is particularly effective in long-form articles, where readers often skim, revisit specific sections, or return later. By emphasizing the most important idea in an article, it creates a memorable anchor that improves understanding long after the final paragraph.</p>



<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--40)">Example</h3>



<p class="wp-block-paragraph">The following example demonstrates how a Key Idea emphasizes an important insight without interrupting the flow of reading.</p>



<div class="wp-block-group has-black-10-background-color has-background is-layout-flow wp-container-core-group-is-layout-03e5832b wp-block-group-is-layout-flow" style="border-left-color:var(--wp--preset--color--accent);border-left-width:3px;margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40);padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--40)">
<p class="is-style-eyebrow is-style-eyebrow--20 wp-block-paragraph">Key Idea</p>



<p class="has-x-small-font-size wp-block-paragraph">Authority and presence are rarely the result of a defining moment. They’re built through clarity, consistency, and thoughtful experiences.</p>
</div>



<p class="wp-block-paragraph">A well-designed Key Idea does more than emphasize an important sentence. It reinforces the idea readers are most likely to remember.</p>



<p class="wp-block-paragraph"><strong>What readers remember shapes what they understand.</strong></p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 id="perspective" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Perspective</h2>



<p class="wp-block-paragraph">A fact explains what something is. Perspective helps readers understand why it matters by placing it within a broader context of connected ideas.</p>



<p class="wp-block-paragraph">A Perspective introduces context that broadens, challenges, or reframes an idea. Rather than adding more information, it changes the lens through which readers interpret the information they already have.</p>



<p class="wp-block-paragraph">Perspective is especially valuable when introducing original thinking, questioning common assumptions, or connecting ideas across disciplines. A well-placed Perspective encourages readers to consider a concept from a different angle without disrupting the narrative.</p>



<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--40)">Example</h3>



<p class="wp-block-paragraph">The following example demonstrates how Perspective broadens an idea through additional context and a different point of view.</p>



<div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)">
<div class="wp-block-columns are-vertically-aligned-center has-accent-background-color has-background is-layout-flex wp-container-core-columns-is-layout-310b754e wp-block-columns-is-layout-flex" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:120px">
<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-0d718681 wp-block-group-is-layout-flex" style="min-height:120px"><div class="wp-block-icon"><svg style="color:var(--wp--preset--color--white);width:48px;" aria-label="Chart bar icon" class="has-text-color has-white-color" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
	<path fill-rule="evenodd" d="M11.25 5h1.5v15h-1.5V5zM6 10h1.5v10H6V10zm12 4h-1.5v6H18v-6z" />
</svg>
</div></div>
</div>



<div class="wp-block-column is-vertically-aligned-center has-black-background-color has-background is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-c6f6ff60 wp-block-group-is-layout-flex" style="min-height:120px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">
<p class="is-style-eyebrow has-white-color has-text-color has-link-color wp-elements-4 is-style-eyebrow--21 wp-block-paragraph">Perspective</p>



<p class="has-white-50-color has-text-color has-x-small-font-size wp-block-paragraph">Small design decisions often lead to meaningful results.</p>
</div>
</div>
</div>
</div>



<p class="wp-block-paragraph">A well-crafted Perspective does more than add context. It invites readers to see familiar ideas in a new way and consider their broader implications.</p>



<p class="wp-block-paragraph"><strong>How we frame ideas influences how they’re understood.</strong></p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 id="sequence" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Sequence</h2>



<p class="wp-block-paragraph">Some ideas are best understood as a progression rather than a collection of individual points. A Sequence reveals how one idea leads naturally to the next, helping readers recognize cause, connection, and momentum.</p>



<p class="wp-block-paragraph">Rather than presenting concepts in isolation, a Sequence organizes them into a clear path. This makes complex frameworks easier to understand and gives readers a simple mental model they can remember after they finish reading.</p>



<p class="wp-block-paragraph">This pattern is especially valuable when explaining original frameworks, recurring processes, or relationships that unfold over time. Making progression visible helps readers understand not only what the ideas are but also how they fit together.</p>



<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--40)">Example</h3>



<p class="wp-block-paragraph">The following example demonstrates how a Sequence reveals the relationship between connected ideas and the progression they create.</p>



<div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)">
<div class="wp-block-columns are-vertically-aligned-center has-black-10-background-color has-background is-layout-flex wp-container-core-columns-is-layout-310b754e wp-block-columns-is-layout-flex" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
<div class="wp-block-column is-vertically-aligned-center has-white-color has-black-background-color has-text-color has-background has-link-color wp-elements-5 is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%">
<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-0d718681 wp-block-group-is-layout-flex" style="min-height:80px">
<p class="is-style-eyebrow is-style-eyebrow--22 wp-block-paragraph">Sequence</p>
</div>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:75%">
<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-34250937 wp-block-group-is-layout-flex" style="min-height:80px">
<p class="is-style-eyebrow is-style-eyebrow--23 wp-block-paragraph">Discovery</p>


<div class="wp-block-icon"><svg style="color:var(--wp--preset--color--accent);width:20px;" aria-label="Right arrow icon" class="has-text-color has-accent-color" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
	<path d="m14.5 6.5-1 1 3.7 3.7H4v1.6h13.2l-3.7 3.7 1 1 5.6-5.5z" />
</svg>
</div>


<p class="is-style-eyebrow is-style-eyebrow--24 wp-block-paragraph">Trust</p>


<div class="wp-block-icon"><svg style="color:var(--wp--preset--color--accent);width:20px;" aria-label="Right arrow icon" class="has-text-color has-accent-color" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
	<path d="m14.5 6.5-1 1 3.7 3.7H4v1.6h13.2l-3.7 3.7 1 1 5.6-5.5z" />
</svg>
</div>


<p class="is-style-eyebrow is-style-eyebrow--25 wp-block-paragraph">Influence</p>
</div>
</div>
</div>
</div>



<p class="wp-block-paragraph">A well-crafted Sequence does more than organize information. It reveals the progression that gives individual ideas greater meaning.</p>



<p class="wp-block-paragraph"><strong>Understanding grows when relationships become visible.</strong></p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 id="statistic" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Statistic</h2>



<p class="wp-block-paragraph">Ideas become more convincing when they’re supported by profound research. A carefully chosen statistic reinforces an important point, giving readers greater confidence in the ideas being presented.</p>



<p class="wp-block-paragraph">Instead of overwhelming readers with numbers, a Statistic highlights a single piece of meaningful evidence that strengthens the surrounding narrative. Used thoughtfully, it adds credibility without distraction.</p>



<p class="wp-block-paragraph">Statistics are especially effective when introducing research, supporting an argument, or demonstrating the significance of an idea.</p>



<p class="wp-block-paragraph">A well-placed Statistic transforms evidence into confidence by giving readers a reason to trust what they&#8217;re reading and why it matters.</p>



<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--40)">Example</h3>



<p class="wp-block-paragraph">The following example demonstrates how a Statistic reinforces an important idea through a single, carefully chosen data point.</p>



<div class="wp-block-group has-black-10-background-color has-background is-layout-flow wp-container-core-group-is-layout-ed1cce3b wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40);padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<div class="wp-block-group is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-3b17dd34 wp-block-group-is-layout-flex">
<p class="has-text-align-right no-wrap has-xx-large-font-size wp-block-paragraph" style="border-right-color:var(--wp--preset--color--accent);border-right-width:1px;padding-right:var(--wp--preset--spacing--30);line-height:1.25">75%</p>



<p class="has-x-small-font-size wp-block-paragraph">Readers engage more with well-structured content.</p>
</div>
</div>



<p class="wp-block-paragraph">A well-crafted Statistic does more than present data. It gives important ideas greater credibility through evidence that readers can trust and understand.</p>



<p class="wp-block-paragraph"><strong>What readers remember shapes what they trust.</strong></p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 id="framework" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">An evolving framework</h2>



<p class="wp-block-paragraph">Editorial Patterns are not intended to be a fixed collection. As new patterns emerge and others become more refined, this work will continue to evolve.</p>



<p class="wp-block-paragraph">The objective is not to create a definitive list of patterns. It is to establish a common language and a practical framework for recognizing the recurring design elements that improve understanding, provide structure, and help readers navigate long-form content.</p>



<p class="wp-block-paragraph"><a href="/suede/">Suede</a> explores these ideas in WordPress through a growing collection of reusable Editorial Patterns that bring this philosophy to life.</p>



<p class="wp-block-paragraph"><strong>Every framework begins with a definition. This is only the beginning.</strong></p>
]]></content:encoded>
					
					<wfw:commentRss>https://briangardner.com/editorial-patterns/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>The Real Estate Authority Principle</title>
		<link>https://briangardner.com/real-estate-authority/</link>
		
		<dc:creator><![CDATA[Brian Gardner]]></dc:creator>
		<pubDate>Sun, 07 Jun 2026 14:38:08 +0000</pubDate>
				<category><![CDATA[Writing]]></category>
		<guid isPermaLink="false">https://briangardner.com/?p=692</guid>

					<description><![CDATA[Authority forms when discovery shapes how you're found, trust shapes what people believe, and influence shapes why you're chosen.]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group has-black-10-background-color has-background is-layout-flex wp-container-core-group-is-layout-5ccc3d64 wp-block-group-is-layout-flex" style="padding-top:15px;padding-right:var(--wp--preset--spacing--20);padding-bottom:15px;padding-left:var(--wp--preset--spacing--20)">
<p class="is-style-eyebrow has-xxx-small-font-size is-style-eyebrow--26 wp-block-paragraph" style="font-style:normal;font-weight:600">Reading Guide:</p>



<p class="is-style-eyebrow has-xxx-small-font-size is-style-eyebrow--27 wp-block-paragraph"><a href="#introduction">Introduction</a> | <a href="#discovery">Discovery</a> | <a href="#trust">Trust</a> | <a href="#influence">Influence</a> | <a href="#conclusion">Conclusion</a></p>
</div>



<h2 id="introduction" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">What is real estate authority?</h2>



<p class="wp-block-paragraph">Real estate authority is the result of intentionally shaping how people find you, what they believe about you, and why they choose you.</p>



<p class="wp-block-paragraph">For years, real estate marketing has focused on visibility.</p>



<p class="wp-block-paragraph">Search rankings, IDX websites, lead generation, and local content have become the default playbook. But visibility alone does not create authority.</p>



<p class="wp-block-paragraph">People form opinions long before they reach out. They discover agents through social media, referrals, AI tools, and recommendations. Long before anyone reaches out, people have already begun narrowing their options.</p>



<p class="wp-block-paragraph">The agents who lead the next decade won&#8217;t just be better—they&#8217;ll be found first. Because discovery shapes trust, and trust influences who gets the call.</p>



<p class="wp-block-paragraph">In real estate, authority no longer begins at contact: it’s built upstream.</p>



<p class="wp-block-paragraph">Authority is built through a simple framework:</p>



<div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)">
<div class="wp-block-columns are-vertically-aligned-center has-black-10-background-color has-background is-layout-flex wp-container-core-columns-is-layout-310b754e wp-block-columns-is-layout-flex" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
<div class="wp-block-column is-vertically-aligned-center has-white-color has-black-background-color has-text-color has-background has-link-color wp-elements-6 is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%">
<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-0d718681 wp-block-group-is-layout-flex" style="min-height:80px">
<p class="is-style-eyebrow is-style-eyebrow--28 wp-block-paragraph">Framework</p>
</div>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:75%">
<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-34250937 wp-block-group-is-layout-flex" style="min-height:80px">
<p class="is-style-eyebrow is-style-eyebrow--29 wp-block-paragraph">Discovery</p>


<div class="wp-block-icon"><svg style="color:var(--wp--preset--color--accent);width:20px;" aria-label="Right arrow icon" class="has-text-color has-accent-color" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
	<path d="m14.5 6.5-1 1 3.7 3.7H4v1.6h13.2l-3.7 3.7 1 1 5.6-5.5z" />
</svg>
</div>


<p class="is-style-eyebrow is-style-eyebrow--30 wp-block-paragraph">Trust</p>


<div class="wp-block-icon"><svg style="color:var(--wp--preset--color--accent);width:20px;" aria-label="Right arrow icon" class="has-text-color has-accent-color" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
	<path d="m14.5 6.5-1 1 3.7 3.7H4v1.6h13.2l-3.7 3.7 1 1 5.6-5.5z" />
</svg>
</div>


<p class="is-style-eyebrow is-style-eyebrow--31 wp-block-paragraph">Influence</p>
</div>
</div>
</div>
</div>



<p class="wp-block-paragraph"><strong>DTI Framework:</strong> Discovery shapes how you&#8217;re found. Trust shapes what people believe. Influence shapes why you&#8217;re chosen.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 id="discovery" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Discovery</h2>



<p class="wp-block-paragraph">Discovery is the first condition of authority.</p>



<p class="wp-block-paragraph">Before trust can be earned or influence can be established, people must first find you. Discovery creates the opportunity for everything that follows.</p>



<p class="wp-block-paragraph">For years, real estate discovery occurred when a buyer or seller decided they needed an agent. The process was local and relationship-driven. A referral was made, a sign was seen, or a name surfaced through a local connection.</p>



<p class="wp-block-paragraph">Today, discovery happens much earlier.</p>



<p class="wp-block-paragraph">People explore neighborhoods before they move, follow local experts before entering the market, and consume content months before contacting an agent. As a result, discovery often begins before an agent enters the picture.</p>



<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--40)">Discovery has moved upstream</h3>



<p class="wp-block-paragraph">The traditional real estate journey began with contact. Today, it begins with exploration and research—often long before an agent is involved.</p>



<p class="wp-block-paragraph">People research places, compare options, gather opinions, and form impressions long before they decide to reach out. Discovery can take place weeks, months, or even years before an agent is contacted.</p>



<p class="wp-block-paragraph">This shift changes the role of marketing. The goal is no longer simply to generate leads. The goal is to become discoverable during the moments that shape future decisions.</p>



<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--40)">Where discovery happens now</h3>



<p class="wp-block-paragraph">Discovery no longer happens in one place. People move between platforms, conversations, and information sources long before contacting an agent.</p>



<p class="wp-block-paragraph">Today, discovery in real estate takes place across:</p>



<ul class="wp-block-list">
<li>Search engines</li>



<li>AI tools</li>



<li>Social media</li>



<li>Referrals</li>



<li>Local expertise</li>
</ul>



<p class="wp-block-paragraph">Being found is important, but visibility alone does not create authority. Awareness creates opportunity, but people still need reasons to believe.</p>



<p class="wp-block-paragraph">That is where trust begins to take shape.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 id="trust" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Trust</h2>



<p class="wp-block-paragraph">Discovery creates awareness, but trust determines what people believe.</p>



<p class="wp-block-paragraph">Being found may create an opportunity, but visibility alone does not create confidence. People want evidence that an agent understands the market, communicates clearly, and can guide an important decision.</p>



<p class="wp-block-paragraph">Trust is built through consistency.</p>



<p class="wp-block-paragraph">It forms when expertise is demonstrated rather than claimed. It grows when ideas align with experience. And it strengthens when people repeatedly encounter the same perspective across different channels.</p>



<p class="wp-block-paragraph">In real estate, trust rarely depends on a single interaction. It is the result of everything people see, read, and experience before they become clients.</p>



<blockquote class="wp-block-quote has-black-10-background-color has-background is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">Trust is not created in a single moment.<br>It is earned through experience over time.</p>
</blockquote>



<p class="wp-block-paragraph">Those experiences begin to shape belief. What starts as awareness gradually becomes familiarity, confidence, and deep, lasting credibility with others.</p>



<p class="wp-block-paragraph">This is why trust has become one of the most valuable assets an agent can build. In a world with endless choices and unlimited information, people naturally gravitate toward what feels familiar, believable, and consistent.</p>



<p class="wp-block-paragraph">That trust eventually becomes influence.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 id="influence" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Influence</h2>



<p class="wp-block-paragraph">Discovery shapes awareness. Trust shapes belief. Influence shapes choice.</p>



<p class="wp-block-paragraph">Influence is often misunderstood in real estate. It’s not popularity, personal branding, or follower count. Influence is the ability to shape decisions.</p>



<p class="wp-block-paragraph">When trust has been established, people begin to seek guidance rather than information. They return to familiar voices, value consistent perspectives, and place greater weight on recommendations they already trust.</p>



<p class="wp-block-paragraph">Influence is what transforms credibility into preference. It is the reason one agent is remembered, recommended, and ultimately chosen.</p>



<p class="wp-block-paragraph">Long before a client reaches out, its effects often become visible through referrals, recommendations, and the conversations people have when you are not in the room. This is where preference begins to emerge.</p>



<p class="wp-block-paragraph">What begins with discovery and develops through trust ultimately becomes preference. This is where authority reaches its highest expression.</p>



<p class="wp-block-paragraph">This is when influence begins to shape decisions.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 id="conclusion" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Why authority matters</h2>



<p class="wp-block-paragraph">Real estate authority is not built through a single tactic.</p>



<p class="wp-block-paragraph">It is the result of intentionally shaping how people find you, what they believe about you, and why they choose you.</p>



<p class="wp-block-paragraph">Discovery creates awareness. Trust creates belief. Influence shapes choice. Together, these forces form the foundation of modern authority.</p>



<p class="wp-block-paragraph">As discovery continues to move upstream, this authority will belong to the agents who are found first, trusted deeply, and able to influence choice.</p>



<p class="wp-block-paragraph">This is the Real Estate Authority Principle.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Place Authority</title>
		<link>https://briangardner.com/place-authority/</link>
		
		<dc:creator><![CDATA[Brian Gardner]]></dc:creator>
		<pubDate>Sat, 06 Jun 2026 02:47:20 +0000</pubDate>
				<category><![CDATA[Writing]]></category>
		<guid isPermaLink="false">https://briangardner.com/?p=172</guid>

					<description><![CDATA[Place Authority is a framework for becoming the leading expert on the places you serve. At its core is a simple progression: Discovery → Trust → Influence.]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group has-black-10-background-color has-background is-nowrap is-layout-flex wp-container-core-group-is-layout-0f4c4390 wp-block-group-is-layout-flex" style="padding-top:15px;padding-right:var(--wp--preset--spacing--20);padding-bottom:15px;padding-left:var(--wp--preset--spacing--20)">
<p class="is-style-eyebrow has-xxx-small-font-size is-style-eyebrow--32 wp-block-paragraph" style="font-style:normal;font-weight:600">Reading Guide:</p>



<p class="is-style-eyebrow has-xxx-small-font-size is-style-eyebrow--33 wp-block-paragraph"><a href="#introduction">Intro</a> | <a href="#framework" data-type="internal" data-id="#framework">DTI Framework</a> | <a href="#local-expertise" data-type="internal" data-id="#local-expertise">Local Expertise</a> | <a href="#building" data-type="internal" data-id="#building">Building</a> | <a href="#conclusion">Conclusion</a></p>
</div>



<h2 id="introduction" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Discovery has moved upstream</h2>



<p class="wp-block-paragraph">For decades, real estate marketing has focused on generating leads at the moment buyers are ready to take action. Success was measured by phone calls, contact forms, and property inquiries.</p>



<p class="wp-block-paragraph">That assumption no longer reflects how people discover places.</p>



<p class="wp-block-paragraph"><strong>One shift has become clear: real estate discovery has moved upstream.</strong></p>



<p class="wp-block-paragraph">Long before someone schedules a showing or contacts an agent, they’re researching neighborhoods, comparing communities, and deciding where to live. Increasingly, those first impressions are formed through search engines, AI assistants, social media, and other digital touchpoints.</p>



<p class="wp-block-paragraph">By the time a buyer reaches out, many of their decisions have already begun to take shape. This changes what it means to build authority.</p>



<p class="wp-block-paragraph">The agents who become the trusted source for understanding a place don’t simply generate more leads. They influence the decisions that happen before those leads ever exist—and that&#8217;s where Place Authority enters the picture.</p>



<div class="wp-block-group has-black-10-background-color has-background is-layout-flow wp-container-core-group-is-layout-03e5832b wp-block-group-is-layout-flow" style="border-left-color:var(--wp--preset--color--accent);border-left-width:3px;margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40);padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--40)">
<p class="is-style-eyebrow is-style-eyebrow--34 wp-block-paragraph">Place Authority</p>



<p class="is-style-balanced has-x-small-font-size is-style-balanced--35 wp-block-paragraph">A framework for becoming the leading expert on the places you serve. At its core is a simple progression: Discovery → Trust → Influence</p>
</div>



<p class="wp-block-paragraph">Rather than competing for attention only at the end of the buying journey, Place Authority shifts the focus from marketing properties to building the most complete, connected understanding of the places you serve.</p>



<p class="wp-block-paragraph">Every article, neighborhood guide, market insight, community profile, and local resource contributes to a larger <a href="/structured-knowledge/" data-type="link" data-id="/structured-knowledge/">body of knowledge</a> that helps people understand a place before they’re ready to make a decision.</p>



<p class="wp-block-paragraph">The result isn’t simply greater visibility. It’s lasting authority built before the first conversation ever begins—and one that compounds over time.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 id="framework" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Place Authority: The DTI Framework</h2>



<p class="wp-block-paragraph">Place Authority is built on a simple progression. Each stage builds on the one before it, creating a strong foundation for lasting authority.</p>



<p class="wp-block-paragraph">At the heart of Place Authority is this progression:</p>



<div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)">
<div class="wp-block-columns are-vertically-aligned-center has-black-10-background-color has-background is-layout-flex wp-container-core-columns-is-layout-310b754e wp-block-columns-is-layout-flex" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
<div class="wp-block-column is-vertically-aligned-center has-white-color has-black-background-color has-text-color has-background has-link-color wp-elements-7 is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%">
<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-0d718681 wp-block-group-is-layout-flex" style="min-height:80px">
<p class="is-style-eyebrow is-style-eyebrow--36 wp-block-paragraph">Sequence</p>
</div>
</div>



<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:75%">
<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-34250937 wp-block-group-is-layout-flex" style="min-height:80px">
<p class="is-style-eyebrow is-style-eyebrow--37 wp-block-paragraph">Discovery</p>


<div class="wp-block-icon"><svg style="color:var(--wp--preset--color--accent);width:20px;" aria-label="Right arrow icon" class="has-text-color has-accent-color" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
	<path d="m14.5 6.5-1 1 3.7 3.7H4v1.6h13.2l-3.7 3.7 1 1 5.6-5.5z" />
</svg>
</div>


<p class="is-style-eyebrow is-style-eyebrow--38 wp-block-paragraph">Trust</p>


<div class="wp-block-icon"><svg style="color:var(--wp--preset--color--accent);width:20px;" aria-label="Right arrow icon" class="has-text-color has-accent-color" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
	<path d="m14.5 6.5-1 1 3.7 3.7H4v1.6h13.2l-3.7 3.7 1 1 5.6-5.5z" />
</svg>
</div>


<p class="is-style-eyebrow is-style-eyebrow--39 wp-block-paragraph">Influence</p>
</div>
</div>
</div>
</div>



<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--40)">Discovery</h3>



<p class="wp-block-paragraph">Discovery is how people find you and your knowledge. It begins long before someone is ready to buy or sell. Every neighborhood guide, market insight, community profile, and local resource creates an opportunity for discovery.</p>



<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--40)">Trust</h3>



<p class="wp-block-paragraph">Discovery creates the opportunity for trust. As people explore your work, they begin to recognize the depth, consistency, and usefulness of your expertise. Over time, that confidence grows into credibility.</p>



<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--40)">Influence</h3>



<p class="wp-block-paragraph">Influence is the outcome of sustained discovery and trust. By the time someone reaches out, they already understand your perspective and value your expertise. The decision isn’t based solely on search results. It’s shaped by who has consistently helped them understand the place they&#8217;re exploring.</p>



<p class="wp-block-paragraph">This progression reflects how authority is built today. Discovery opens the door. Trust strengthens the relationship. Influence shapes the decision.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 id="local-expertise" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Beyond local expertise</h2>



<p class="wp-block-paragraph">Every real estate professional has knowledge. The difference is that not every real estate professional becomes known for it.</p>



<p class="wp-block-paragraph">Expertise alone doesn’t create authority. It has to be discoverable, understandable, and consistently reinforced over time. That’s the distinction between knowing a place and <a href="/knowledge-capital/">becoming its leading expert</a>.</p>



<p class="wp-block-paragraph">Place Authority isn’t about claiming expertise. It’s about earning recognition by helping people better understand the places they care about.</p>



<p class="wp-block-paragraph">The professionals who build lasting authority aren’t simply answering questions. They’re creating the most complete, connected understanding of the places they serve.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 id="building" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Building Place Authority</h2>



<p class="wp-block-paragraph">Place Authority isn’t built through individual articles, but through a connected body of knowledge.</p>



<p class="wp-block-paragraph">Building knowledge creates authority. Expressing that knowledge creates presence. The two work together, but they serve different roles.</p>



<div class="wp-block-group is-layout-flow wp-container-core-group-is-layout-7b4d1c93 wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)">
<div class="wp-block-columns has-x-small-font-size is-layout-flex wp-container-core-columns-is-layout-fefb95e8 wp-block-columns-is-layout-flex" style="border-bottom-color:var(--wp--preset--color--black);border-bottom-width:1px;padding-bottom:5px">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph"><strong>Authority</strong></p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph"><strong>Presence</strong></p>
</div>
</div>



<div class="wp-block-columns has-x-small-font-size is-layout-flex wp-container-core-columns-is-layout-91146b77 wp-block-columns-is-layout-flex" style="border-bottom-color:var(--wp--preset--color--black-10);border-bottom-style:solid;border-bottom-width:1px;padding-top:15px;padding-bottom:15px;line-height:1.5">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Built through knowledge</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Expressed through design</p>
</div>
</div>



<div class="wp-block-columns has-x-small-font-size is-layout-flex wp-container-core-columns-is-layout-91146b77 wp-block-columns-is-layout-flex" style="border-bottom-color:var(--wp--preset--color--black-10);border-bottom-style:solid;border-bottom-width:1px;padding-top:15px;padding-bottom:15px;line-height:1.5">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Compounds over time</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Registers immediately</p>
</div>
</div>



<div class="wp-block-columns has-x-small-font-size is-layout-flex wp-container-core-columns-is-layout-91146b77 wp-block-columns-is-layout-flex" style="border-bottom-color:var(--wp--preset--color--black-10);border-bottom-style:solid;border-bottom-width:1px;padding-top:15px;padding-bottom:15px;line-height:1.5">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Establishes expertise</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Makes expertise recognizable</p>
</div>
</div>



<div class="wp-block-columns has-x-small-font-size is-layout-flex wp-container-core-columns-is-layout-91146b77 wp-block-columns-is-layout-flex" style="border-bottom-color:var(--wp--preset--color--black-10);border-bottom-style:solid;border-bottom-width:1px;padding-top:15px;padding-bottom:15px;line-height:1.5">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Lives in the body of knowledge</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Appears through every touchpoint</p>
</div>
</div>



<div class="wp-block-columns has-x-small-font-size is-layout-flex wp-container-core-columns-is-layout-91146b77 wp-block-columns-is-layout-flex" style="border-bottom-color:var(--wp--preset--color--black-10);border-bottom-style:solid;border-bottom-width:1px;padding-top:15px;padding-bottom:15px;line-height:1.5">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Grows through publishing</p>
</div>



<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p class="wp-block-paragraph">Is reinforced through consistency</p>
</div>
</div>
</div>



<p class="wp-block-paragraph">Place Authority requires a shift in perspective. Instead of thinking about individual pages or articles, think about the body of knowledge. Each contribution should deepen understanding and strengthen connections.</p>



<p class="wp-block-paragraph">Imagine a neighborhood guide linked to articles about local schools, parks, architecture, market trends, restaurants, history, and frequently asked questions. Each page strengthens the others. Together, they become far more valuable than any single article could ever be on its own.</p>



<p class="wp-block-paragraph">Every new insight adds context, and those connections create meaning.</p>



<div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)">
<div class="wp-block-columns are-vertically-aligned-center has-accent-background-color has-background is-layout-flex wp-container-core-columns-is-layout-310b754e wp-block-columns-is-layout-flex" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:120px">
<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-0d718681 wp-block-group-is-layout-flex" style="min-height:120px"><div class="wp-block-icon"><svg style="color:var(--wp--preset--color--white);width:48px;" aria-label="Chart bar icon" class="has-text-color has-white-color" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
	<path fill-rule="evenodd" d="M11.25 5h1.5v15h-1.5V5zM6 10h1.5v10H6V10zm12 4h-1.5v6H18v-6z" />
</svg>
</div></div>
</div>



<div class="wp-block-column is-vertically-aligned-center has-black-background-color has-background is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-c6f6ff60 wp-block-group-is-layout-flex" style="min-height:120px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">
<p class="is-style-eyebrow has-white-color has-text-color has-link-color wp-elements-8 is-style-eyebrow--40 wp-block-paragraph">Perspective</p>



<p class="has-white-50-color has-text-color has-x-small-font-size wp-block-paragraph">Build a connected understanding of every place you serve.</p>
</div>
</div>
</div>
</div>



<p class="wp-block-paragraph">Over time, those contributions compound into something much larger: a trusted resource that helps people navigate a place with confidence.</p>



<p class="wp-block-paragraph">This is why Place Authority extends beyond publishing. It encourages a different way of thinking about the knowledge you create. Rather than asking, <em>“What should I write next?</em>” the better question becomes, <em>“What understanding is still missing?</em>”</p>



<p class="wp-block-paragraph"><strong>Place Authority isn’t about publishing more.</strong></p>



<p class="wp-block-paragraph">It’s about becoming the leading expert by building the most complete, connected understanding of the places you serve.</p>



<p class="wp-block-paragraph">The authority will follow.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 id="conclusion" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Part of a larger framework</h2>



<p class="wp-block-paragraph">Place Authority is one part of a broader framework for lasting authority.</p>



<p class="wp-block-paragraph">The ideas introduced here connect to larger concepts about structured knowledge, editorial publishing, and how expertise compounds over time.</p>



<p class="wp-block-paragraph">Together, they explore why authority is no longer built page by page, but through connected systems of knowledge that become increasingly valuable with every meaningful contribution.</p>



<p class="wp-block-paragraph">Each essay explores one part of the framework. Together, they form a connected body of knowledge about how lasting authority is built.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Inter: A Modern Font by Rasmus Andersson</title>
		<link>https://briangardner.com/inter-font/</link>
		
		<dc:creator><![CDATA[Brian Gardner]]></dc:creator>
		<pubDate>Sun, 06 Jul 2025 00:26:10 +0000</pubDate>
				<category><![CDATA[Writing]]></category>
		<guid isPermaLink="false">https://bgdotcom.wpenginepowered.com/?p=1</guid>

					<description><![CDATA[Explore the story of Inter, the open-source typeface by Rasmus Andersson, and why it became one of the most widely used fonts in modern web design.]]></description>
										<content:encoded><![CDATA[
<h2 id="introduction" class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">The story behind Inter</h2>



<p class="wp-block-paragraph">Few typefaces have influenced modern web design as profoundly as Inter.</p>



<p class="wp-block-paragraph">Originally designed by <a href="https://rsms.me/" target="_blank" rel="noreferrer noopener">Rasmus Andersson</a>, <a href="https://rsms.me/inter/" target="_blank" rel="noreferrer noopener">Inter</a> has grown from a screen-first typeface into one of the most widely used open-source fonts on the web. Its combination of clarity, versatility, and readability has made it a favorite among designers, developers, and product teams alike.</p>



<p class="wp-block-paragraph">I spent years designing with Inter. It became the foundation for countless websites I built and shaped how I think about typography—not as decoration, but as a tool to help people read, understand, and engage with ideas.</p>



<p class="wp-block-paragraph">This article explores the story behind Inter, why I chose it for so many projects, and the lessons it continues to teach me about thoughtful design.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Why Inter became popular</h2>



<p class="wp-block-paragraph">Created by Rasmus Andersson in 2017, Inter was designed specifically for computer screens. The open-source typeface family includes nine weights, each paired with an italic counterpart, for a total of 18 styles. It’s available as a variable font, offering remarkable flexibility for modern digital design.</p>



<div class="wp-block-group has-black-10-background-color has-background is-layout-flow wp-container-core-group-is-layout-ed1cce3b wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40);padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<div class="wp-block-group is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-3b17dd34 wp-block-group-is-layout-flex">
<p class="has-text-align-right no-wrap has-xx-large-font-size wp-block-paragraph" style="border-right-color:var(--wp--preset--color--accent);border-right-width:1px;padding-right:var(--wp--preset--spacing--30);line-height:1.25">2.3m</p>



<p class="has-x-small-font-size wp-block-paragraph">Number of websites currently featuring Inter font.</p>
</div>
</div>



<p class="wp-block-paragraph">Inter arrived at the right time. As websites and applications became increasingly sophisticated, designers needed a typeface that felt equally at home in user interfaces, editorial layouts, and marketing websites.</p>



<p class="wp-block-paragraph">Its strength wasn&#8217;t personality—it was clarity. Inter is highly legible across a wide range of sizes and quietly fades into the background, allowing the content to take center stage.</p>



<p class="wp-block-paragraph">Those qualities, combined with its open-source license, helped Inter become one of the defining typefaces of modern web design. Today, it&#8217;s trusted by designers, developers, and product teams building everything from startups to personal websites.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Why I chose Inter</h2>



<p class="wp-block-paragraph">I first started using Inter because it solved a practical problem: it simply worked. Whether I was designing a WordPress theme, building a client website, or publishing long-form content, it consistently delivered a clean and comfortable reading experience.</p>



<p class="wp-block-paragraph">Over time, I came to appreciate something more important. Inter never felt like it was competing with the content. It established a clear visual hierarchy without becoming the focal point, giving words the space they needed.</p>



<p class="wp-block-paragraph">That philosophy aligned closely with my own approach to design. I believe typography should create understanding before it creates expression. A typeface should support the ideas on the page, not distract from them.</p>



<p class="wp-block-paragraph">For years, Inter became my default because it did exactly that. It brought clarity, consistency, and restraint to every project, reinforcing my belief that typography is one of the most important decisions a designer can make.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Lessons from Inter</h2>



<p class="wp-block-paragraph">Designing with Inter for so many years changed how I think about typography. More than any individual feature or stylistic detail, it reinforced the idea that great type should make reading feel effortless.</p>



<p class="wp-block-paragraph">That lesson continues to shape every project I work on today. When I evaluate a typeface, I care less about whether it feels distinctive and more about whether it helps readers move naturally through the content.</p>



<div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)">
<div class="wp-block-columns are-vertically-aligned-center has-accent-background-color has-background is-layout-flex wp-container-core-columns-is-layout-310b754e wp-block-columns-is-layout-flex" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:120px">
<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-0d718681 wp-block-group-is-layout-flex" style="min-height:120px"><div class="wp-block-icon"><svg style="color:var(--wp--preset--color--white);width:48px;" aria-label="Chart bar icon" class="has-text-color has-white-color" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
	<path d="M17.5 10h-1.7l-3.7 10.5h1.7l.9-2.6h3.9l.9 2.6h1.7L17.5 10zm-2.2 6.3 1.4-4 1.4 4h-2.8zm-4.8-3.8c1.6-1.8 2.9-3.6 3.7-5.7H16V5.2h-5.8V3H8.8v2.2H3v1.5h9.6c-.7 1.6-1.8 3.1-3.1 4.6C8.6 10.2 7.8 9 7.2 8H5.6c.6 1.4 1.7 2.9 2.9 4.4l-2.4 2.4c-.3.4-.7.8-1.1 1.2l1 1 1.2-1.2c.8-.8 1.6-1.5 2.3-2.3.8.9 1.7 1.7 2.5 2.5l.6-1.5c-.7-.6-1.4-1.3-2.1-2z" />
</svg>
</div></div>
</div>



<div class="wp-block-column is-vertically-aligned-center has-black-background-color has-background is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-c6f6ff60 wp-block-group-is-layout-flex" style="min-height:120px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">
<p class="is-style-eyebrow has-white-color has-text-color has-link-color wp-elements-9 is-style-eyebrow--41 wp-block-paragraph">Perspective</p>



<p class="has-white-50-color has-text-color has-x-small-font-size wp-block-paragraph">Great typography rarely draws attention to itself. Its greatest achievement is making the content feel effortless to read.</p>
</div>
</div>
</div>
</div>



<p class="wp-block-paragraph">Designing with Inter also refined my eye. The more I appreciated its quiet confidence and emphasis on readability, the more I found myself searching for those same qualities in other typefaces. Inter didn&#8217;t just become a tool I relied on—it became the standard by which I evaluated every font.</p>



<p class="wp-block-paragraph">That perspective eventually led me to <a href="/google-sans/">Google Sans</a>. While designing <a href="/suede/" data-type="link" data-id="/suede/">Suede</a>, I chose it as the typographic foundation—not because Inter fell short, but because I was looking for a different expression of the same values: clarity, restraint, and exceptional readability.</p>



<p class="wp-block-paragraph">I still recommend Inter without hesitation. It&#8217;s one of the finest open-source typefaces available, and it helped shape my philosophy that typography is most successful when readers remember the ideas they encountered—not the font they were reading.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Conclusion</h2>



<p class="wp-block-paragraph">Inter has earned its place as one of the defining typefaces of modern web design. Its thoughtful design, open-source foundation, and exceptional readability have made it a trusted choice for millions.</p>



<p class="wp-block-paragraph">For me, Inter represents more than a well-crafted typeface. It shaped how I think about typography and reinforced a belief that continues to guide my work today: the best design doesn&#8217;t compete for attention—it helps people understand what matters.</p>



<p class="wp-block-paragraph">Whether you&#8217;re choosing your first typeface or refining an existing design system, Inter is worth understanding—not simply because it&#8217;s popular, but because it demonstrates how thoughtful typography can quietly improve every reading experience.</p>



<hr class="wp-block-separator has-text-color has-accent-color has-alpha-channel-opacity has-accent-background-color has-background"/>



<h2 class="wp-block-heading" style="padding-top:var(--wp--preset--spacing--30)">Resources</h2>



<p class="wp-block-paragraph">Using Inter is as easy as&nbsp;<a href="https://rsms.me/inter/download/" target="_blank" rel="noreferrer noopener">downloading &amp; installing</a>&nbsp;it. If you want to use Inter on your website, you can get it from&nbsp;<a href="https://fonts.google.com/specimen/Inter" target="_blank" rel="noreferrer noopener">Google Fonts</a>.</p>



<p class="wp-block-paragraph">Inter is licensed under the&nbsp;<a href="https://github.com/rsms/inter/blob/master/LICENSE.txt" target="_blank" rel="noreferrer noopener">SIL Open Font License</a>. You are free to use this font in almost any way imaginable. It can be used freely in your projects—print or digital, commercial or otherwise.</p>



<p class="wp-block-paragraph">Below is a list of resources you might find helpful about Inter:</p>



<ul class="wp-block-list">
<li><a href="https://news.ycombinator.com/item?id=38340742">The Inter font family version 4.0</a></li>



<li><a href="https://www.figma.com/blog/the-birth-of-inter/" target="_blank" rel="noreferrer noopener">How the Inter typeface used by GitHub and Mozilla came to be</a></li>



<li><a href="https://rsms.me/inter/#story" target="_blank" rel="noreferrer noopener">The story behind Inter</a></li>



<li><a href="https://mozilla.design/firefox/typography/" target="_blank" rel="noreferrer noopener">Typography: Because the internet is mostly made of words</a></li>



<li><a href="https://www.typewolf.com/site-of-the-day/fonts/inter" target="_blank" rel="noreferrer noopener">Inter Font Combinations &amp; Similar Fonts</a></li>
</ul>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
